<template>
    <!-- 儿子组件 用来配置图表   发送请求 -->
    <LineChart :xData="xData" :yData="yData"> </LineChart>
  
</template>

<script>
import LineChart from "@/components/line/LineChart.vue";

import { orderTotaldata } from "@/api/home.api.js";

export default {
  components: {
    LineChart,
  },
  data() {
    return {
      xData: [],
      yData: [],
    };
  },

  created() {
    orderTotaldata().then((res) => {
      console.log(res);

      this.xData = res.data.xData;
      this.yData = [
        {
          // 销量
          name: "销量",
          // type: "line",
          areaStyle: {},
          data: res.data.orderData,
        },

        {
          // 营业额
          name: " 营业额",
          // type: "line",
          areaStyle: {},
          data: res.data.amountData,
        },
      ];

      // this.draw();

      //   var myChart = echarts.init(this.$refs.chart);

      //   myChart.setOption({
      //     title: {
      //       text: "ECharts 入门示例",
      //     },
      //     tooltip: {},
      //     xAxis: {
      //       data: this.xData,
      //     },
      //     yAxis: {},
      //     series: this.yData.map((item) => {
      //       item.type;
      //       return item;
      //     }),
      //   });
    });
  },
};
</script>

<style lang="less" scoped>
</style>